<template>
  <div>
    <div class="bottom-box">
      <div style="margin-top: 12px">
        <el-button type="primary" style="width: 100%" @click="login">登录</el-button>
      </div>
      <div class="go-register">
        <p>
          还没有账号？
          <span class="font-color-main" @click="register">去注册</span>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BottomBox',
  methods: {
    login () {
      this.$emit('login')
    },
    register () {
      this.$emit('register')
    }
  }
}
</script>

<style scoped>
.go-register {
  margin: 24px 0 24px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}

.go-register .font-color-main {
  color: #4285f4;
  cursor: pointer;
}
</style>
